import React, { Component } from 'react'
import { hashHistory } from 'react-router'
import { Button, Checkbox, InputItem, List, Radio, Toast } from 'antd-mobile'
import { ReturnHeader } from '../header'
import { createForm } from 'rc-form'
import { config, myFetch, helper } from 'appRoot/components/utils'

const AgreeItem = Checkbox.AgreeItem

class Confirm extends Component {
  constructor(props) {
    super(props)

    console.log(this.props.location.query)
  }

  render() {
    const { getFieldProps } = this.props.form

    return (
      <List className="rt-register-list">
        <ReturnHeader title="合格投资者确认"/>
        <div className="rt-authention-step">
          <div className="rt-authention left">
            <span className="rt-number">1、</span>
            <span className="re-des">实名认证</span>
          </div>
          <div className="rt-authention right">
            <span className="rt-number">2、</span>
            <span className="re-des">合格投资者确认</span>
          </div>
        </div>
        <div className="rt-authention-jd">
          <div className="rt-authention-tu left"></div>
          <div className="rt-authention-line"></div>
          <div className="rt-authention-tu right"></div>
        </div>
        <div className="rt-confirm-des">
          <p>
          根据《私募基金募集管理办法》规定，您需要仔细填写以下信息，以便对您的风险识别和承担能力进行评估。
          
        </p>
        <p>
          同时，私募基金投资还要考虑市场风险、信用风险、流动性风险、操作风险等各类投资风险。您在基金认购过程中应当注意核对自己的风险识别和风险承受能力，选择与自己风险识别能力和风险承受能力相匹配的私募基金。
        </p>
        </div>
        <AgreeItem
          {...getFieldProps('agreement1', {
            initialValue: false,
            valuePropName: 'checked',
          })}
        >
          我符合金融资产不低于300万元 ( 金融资产包括存款、国债、基金、证券集合理财、银行理财产品、第三方存管保证金、保险、黄金及黄金保证金、集合资金信托计划等 )。
        </AgreeItem>
        <AgreeItem
          {...getFieldProps('agreement2', {
            initialValue: false,
            valuePropName: 'checked',
          })}
        >
          我符合最近3年个人年均收入不低于50万元。
        </AgreeItem>
        <Button type="primary" onClick={(e)=>this.nextStep()} className="rt-confirm-next">下一步</Button>
      </List>
    )
  }

  nextStep() {
    const { getFieldProps, getFieldValue } = this.props.form
    let agreement1 = getFieldValue('agreement1')
    let agreement2 = getFieldValue('agreement2')
    if (!agreement1 || !agreement2) {
      Toast.fail('请仔细阅读上述内容，并确认每一项条件是否符合', 2)
      return
    }

    // 提交实名认证
    const options = {
      method: 'POST',
      body: JSON.stringify(this.props.location.query)
    }
    myFetch(`${config.rootApi}/user/verify-realname`, options, true)
      .then((rs) => {
        if (rs && rs.succeed) {
          hashHistory.push('/register/result')
        }
      })
  }
}

export default createForm()(Confirm)